<template>
	<div>
		<div class="footer-box">
			<div class="footer-content-box">
				<div class="footer-code-box">
					<img src="../assets/code.png" alt="">
				</div>
				<div class="footer-font-box">
					<span>请您扫码关注 “中国国际半导体博览会” 公众号</span><br />
					<span>敬请垂询组委会热线电话：010-8855 9768 / 8799 / 8789 / 8802</span><br />
					<span>邮箱：zhouhao@ccidmedia.com</span><br />
					<span class="company-font">北京赛迪出版传媒有限公司</span><br />
					<span>地址：北京市海淀区紫竹院路66号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;邮编：100081</span><br />
				</div>
			</div>
		</div>
		<div class="copyright-box">
			<div class="copyright-contnet-box">
				<img src="../assets/ga_icon.png" alt="">
				<a href="">
					京公网安备11010802014369号
				</a>
				<span class="vertical-line">|</span>
				<span>
					版权所有© IC China 博览会
				</span>
				<span class="vertical-line">|</span>
				<a href="">
					京ICP备11006680号-2
				</a>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'FooterComponent',
	}
</script>

<style>
	.copyright-box {
		padding: 15px;
	}

	.copyright-contnet-box img {
		width: 12px;
		height: 12px;
	}

	.vertical-line {
		margin-left: 4px;
		margin-right: 4px;
	}

	.copyright-contnet-box {
		font-size: 12px;
		color: rgb(152, 152, 152);
	}

	.copyright-contnet-box a {
		font-size: 12px;
		color: rgb(152, 152, 152);
		text-decoration: none
	}

	.company-font {
		line-height: 0.8 !important;
		padding-top: 15px;
		overflow: hidden;
		height: 13px;
	}

	.footer-font-box span {
		width: 100%;
		float: left;
	}

	.footer-font-box {
		color: #fff;
		font-size: 14px;
		text-align: left;
		float: left;
		line-height: 2;
		margin-top: 8px;
		margin-left: 30px;
	}

	.footer-code-box img {
		width: 160px;
		height: 160px;
	}

	.footer-code-box {
		width: 160px;
		height: 160px;
		float: left;
		margin-left: 10px
	}

	.footer-content-box {
		width: 1220px;
		margin: auto;
		overflow: hidden;
		padding-top: 30px;
		height: 160px;
	}

	.footer-box {
		width: 100%;
		background: #0066AD;
		height: 220px;
	}
</style>